<!DOCTYPE html>
<html>
<head>
<title>Test HTMLStyleElement.disabled</title>
<!--
	Webkit bug
	
	Safari 3.2.2
	Chrome 1.0.154
-->
<style>
#b {text-decoration:line-through}
</style>
<style id="test">
#a {text-decoration:line-through}
#b {text-decoration:underline;color:red;font-weight:bold}
</style>
<script>
var test = document.getElementById('test')
var initValue = test.disabled
test.disabled = true

function showDetails() {
	alert('style.disabled = ' + initValue + ' (init value)\n' +
		'style.disabled = ' + test.disabled + ' (current value)\n' +
		'style.sheet.disabled = ' + test.sheet.disabled)
}
</script>
</head>
<body>
<div id="a"> Ok! </div>
<div id="b"> Wrong! </div>
<div><input type="button" onclick="showDetails()" value="details"></div>

<p>Spec: <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/semantics.html#the-style-element">The style element</a>
</body>
</html>